<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    const arr = [10,40,100]

    // 情况1：数组有几项数据，定义几个变量，把握一一对应即可
    // const [a,b,c] = arr
    // console.log(a,b,c) // 10 40 100 

    // 情况2：变量少于数组长度，按照变量的顺序进行对应即可
    // const [a,b] = arr
    // console.log(a,b) // 10 40

    // 情况3：变量多于数组长度，按照变量的顺序进行对应，多余的变量值就是undefined
    // const [a,b,c,d] = arr  
    // console.log(a,b,c,d) // 10 40 100 undefined

    // 情况4：按需取值,使用空占位即可
    // const [,b,c] = arr
    // console.log(b,c) // 40 100

    // 情况5：除去某几项，得到剩余的所有选项
    // ... 此时的作用：剩余匹配
    // const [,...arr2] = arr
    // console.log(arr2)

    // 情况6：多维数据解构赋值，把握结构对应即可
    const arr2 = [1,2,[100,200]]
    const [,,[a,b]] = arr2
    console.log(a,b)

  </script>
</body>
</html>